<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="en">
    <title>
      CSS &amp; HTML test and effet
    </title>
    <link rel="stylesheet" type="text/css" href="styletest.css">
  </head>
  <body>
    <div class="maindiv">
      <h1>
        The font:
      </h1>
      <p>
        This page must be encoded in UTF-8
      </p>
      <h3>
        Font with tag font face=xxxx
      </h3><font face="sans-serif">sans-serif : incididunt ut labore et dolore magna aliqua glue</font><br>
      <font face="serif">serif : incididunt ut labore et dolore magna aliqua glue</font><br>
      <font face="monospace">monospace : incididunt ut labore et dolore magna aliqua glue</font><br>
      <font face="cursive">cursive : incididunt ut labore et dolore magna aliqua glue</font><br>
      <font face="fantasy">fantasy : incididunt ut labore et dolore magna aliqua glue</font><br>
      <h3>
        Font size with tag font class= in px
      </h3>Font 60%: <font class="p60">Font 60% incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 80%: <font class="p80">Font 80% incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 100%: <font class="p100">Font 100% incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 120%: <font class="p120">Font 120% incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 140%: <font class="p140">font 140% incididunt ut labore et dolore</font> 100% magna consectetur
      <h3>
        Font size with tag font class= in %
      </h3>Font 8px: <font class="px8">Font 8px incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 10px <font class="px10">Font 10px incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 12px: <font class="px12">Font 12px incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 14px: <font class="px14">Font 14px incididunt ut labore et dolore</font> 100% magna consectetur<br>
      Font 18px: <font class="px18">Font 18px incididunt ut labore et dolore</font> 100% magna consectetur<br>
      <a href="index.html">back</a>
    </div>
  </body>
</html>
